<template>
	<div class="content">
		<!-- fullScreen -->
		<v-scale-screen class="screen-box">
			<!-- 头部 -->
			<uniHeader></uniHeader>
			<!-- 中间内容 -->
			<div class="c-content disFlexItem">
				<!-- 左边 -->
				<div class="content-l disFlex-column">
					<uniDynamic></uniDynamic>
					<uniMap></uniMap>
				</div>
				<!-- 中间 -->
				<div class="content-c disFlex-column p-16">
					<div class="main c-l-t main-b-n main-b-p m-b-12">
						<uniData></uniData>
					</div>
					<uniNav></uniNav>
					<uniRoom v-if="currentRoute == 0" />
					<uniRooms v-else />
				</div>
				<!--右边 -->
				<div class="content-r disFlex-column">
					<uniSop></uniSop>
					<uniEarly></uniEarly>
				</div>
			</div>
		</v-scale-screen>
	</div>
</template>

<script>
import uniHeader from '../../../components/uni-header.vue';
import uniDynamic from '../../../components/uni-dynamic.vue';
import uniMap from '../../../components/uni-map.vue';
import uniData from '../../../components/uni-data.vue';
import uniNav from '../../../components/uni-nav.vue';
import uniRoom from '../../../components/uni-room.vue';
import uniRooms from '../../../components/uni-rooms.vue';
import uniSop from '../../../components/uni-sop.vue';
import uniEarly from '../../../components/uni-early.vue';
export default {
	components: {
		uniHeader,
		uniDynamic,
		uniMap,
		uniData,
		uniRoom,
		uniNav,
		uniSop,
		uniEarly,
		uniRooms
	},
	data() {
		return {
			currentRoute: ''
		};
	},
	mounted() {
		// 获取当前的页面 url参数
		this.currentRoute = this.$route.query.page ? 1 : 0;

		console.log('currentRoute', this.currentRoute);
	},

	created() {},

	methods: {}
};
</script>

<style scoped>
.screen-box {
	/* background: #fff !important; */
	background: none !important;
	background-image: url('../../../assets/img/content.jpg') !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
}

.content {
	height: 100%;
	width: 100%;
	background: white;
}
.m-b-12 {
	margin-bottom: 20px;
}
.main-b-p {
	padding: 0 !important;
}
.c-content {
	width: 100%;
	height: calc(100% - 94px);
	background-image: url('../../../assets/img/content.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 45px 20px 20px;
	box-sizing: border-box;
	overflow: hidden;
}
.content-r {
	width: 35%;
	height: 100%;
}
.main-b-n {
	border: 0 !important;
}
.main {
	position: relative;
	border: 1px solid #192856;
	padding: 12px;
	box-sizing: border-box;
}
.disFlexItem {
	display: flex;
	justify-items: center;
	justify-content: space-between;
}
.content-l {
	width: 35%;
	height: 100%;
}
.content-c {
	width: 60%;
	height: 100%;
	margin: 0 12px;
}
.c-l-t {
	height: 100%;
}
.disFlex-column {
	display: flex;
	flex-direction: column;
}
.p-16 {
	padding: 0 16px;
}
.amap-logo {
	display: none !important;
}
</style>
